define(["jquery","cookie"],($)=>{
    function Header(){
        this.init();
    }
    Header.prototype={
        constructor:Header,
        init(){
            $("header").load("/html/header.html",$.proxy(this.handle,this));
            
        },
        handle(){
            //加载登录用户
           this.loadLoginUser();
           //点击事件
           this.addEvent();
        
        },
        loadLoginUser(){
            //查询cookie是否存在
            $.cookie.json=true;
            var user = $.cookie("login-user");
            if(user){//有登录用户
           
            $("#login").parent("li").html(`<a href="#" class="wel">欢迎您,${user}</a>`)
            .next().html(`<a href="#" class="quit">退出</a>`);

            }
        },
        addEvent(){
            $(".quit").on("click",(e)=>{
              
                $.cookie("login-user",null);
               
                $(e.target).parent().html(`<a href="/html/register.html" id="register">注册</a>`)
                .prev().html(`<a href="/html/login.html" id="login">登录</a>`);
            });
            //滚动条
          $(document).scroll(function(){
              
                var objTop=$(document).scrollTop();
                
                if(objTop>400){
                    $("section").addClass("fixed");
                }else{
                    $("section").removeClass("fixed");
                }
                
          })
          
        }
    }
    new Header();
})